<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/media2.css" rel="stylesheet" />
		<!-- ICONFONT Css -->
        <link rel="stylesheet" href="css/iconfont/iconfont.css"/>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">The Patch Of Totality</h1>
		    <a class="mui-icon mui-icon-search"></a>
		</header>
		
		<div class="mui-content">
			<div class="image">
				<img src="img/Media2.png" width="100%"/>
			</div>
			
			<div class="icon">
				<a class="mui-icon iconfont icon-iconinterworking"></a>
				<a class="mui-icon iconfont icon-houtui"></a>
				<a class="mui-icon iconfont icon-bofang"></a>
				<a class="mui-icon iconfont icon-qianjin"></a>
				<a class="mui-icon iconfont icon-icretweet"></a>
			</div>
			
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
			      	<span class="mui-icon mui-icon-star-filled">
			            <a class="mui-navigate" style="color: #ACACB4; font-size: 18px;">
			                Grant Life
			                <span class="time" style="">5.28</span>
			            </a>
			        </span>
			    </li>
			    <li class="mui-table-view-cell" style="background-color: #8D06E7;">
			      	<span class="mui-icon mui-icon-star-filled">
			            <a class="mui-navigate" style="color: black; font-size: 18px;">
			                Shake It Out
			                <span class="time" style="font-size: 15px;margin-left: 60px;">2.15/4.05</span>
			            </a>
			        </span>
			    </li>
			    <li class="mui-table-view-cell">
			      	<span class="mui-icon mui-icon-star-filled">
			            <a class="mui-navigate" style="color: #ACACB4; font-size: 18px;">
			                Never Let Me Go
			                <span class="time">3.18</span>
			            </a>
			        </span>
			    </li>
			    <li class="mui-table-view-cell">
			      	<span class="mui-icon mui-icon-star-filled">
			            <a class="mui-navigate" style="color: #ACACB4;font-size: 18px;">
			                Only If for a Night
			                <span class="time">1.56</span>
			            </a>
			        </span>
			    </li>
			    
			</ul>
			
			
			
		</div>
		
		
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>